<template>
<div class="admin1">
	<div class="admin" v-show="$store.state.name != ''">
		<img :src="`${$ip}/api/public/showimg/${$store.state.img}`" />
			<aside class="as">
				<h3>{{$store.state.name}}同学</h3>
				<span>积分:100</span>
			</aside>
			 <router-link to="/mobile/login">></router-link>
		</div>
		<div class="admin2" v-show="$store.state.name == ''">
			<button @click="login()">登录/注册</button>
		</div>
	<div class="message">
		<ul>
			<li><router-link to="/mobile/cart"><i class="el-icon-shopping-cart-2"></i><p>购物车</p></router-link></li>
			<li><router-link to="/mobile/orderitem"><i class="el-icon-document"></i><p>订单</p></router-link></li>
			<li><router-link to="/mobile/updateinfo"><i class="el-icon-setting"></i><p>设置</p></router-link></li>
		</ul>
	</div>
</div>
</template>

<script>
	export default {
		name:'MbileMyInfo',
		data() {
			return{
				
			}
		},
		methods:{
			login(){
				this.$router.push({
					path:'/mobile/login'
				})
			}
		}
	}
</script>

<style scoped>
a{
color: #282C28;
}
.admin1{
	width: 100%;
	background-color: #eed4c1;
	height: 20rem;
	margin-top: 2rem;
}
.admin{
	width: 85%;
	height: 70%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.admin2{
	width: 100%;
	height: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.admin2 button{
	width: 6.25rem;
	height: 1.875rem;
	background-color: unset;
	border-radius: 0.3125rem;
}
.admin img{
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
}
.admin .as{
	width: 60%;
	color: white;
	margin-left: 1.25rem;
}
.admin .as h3{
	font-size: 1rem;
}
.admin .as span{
	font-size: 0.8rem;
}
.admin a{
	margin-left: 4rem;
	font-size: 1.5rem;
	color: white;
}
.admin1 .message{
	background-color: white;
	width: 100%;
	height: 30%;
}
.admin1 .message ul{
	margin: 0 auto;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.admin1 .message ul li{
	width: 33.33%;
	text-align: center;
}
.admin1 .message ul li i{
	font-size: 2.5rem;
}
.admin1.message ul li p{
	font-size: 0.8rem;
	text-align: center;
}
</style>
